<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <style>
         html,body{
           background-color: transparent;
         }
        .moreSection{
          width: 100%;
          background: transparent;
          margin-top: 8px;
        }
        .aui-list{
          background-image: linear-gradient(0,transparent,transparent 50%,transparent 50%);
        }
        .aui-list .aui-list-item{
          background-image: linear-gradient(0,transparent,transparent 50%,transparent 50%);
          background-image: -webkit-linear-gradient(90deg,transparent,transparent,transparent 50%);
        }
        .commentL{
          font-size: 16px!important;
          color: #969696!important;
        }
        .stars{
          display: inline-block;
          width: 9px;
        }
        .aui-list{
          background-color: transparent;
        }
        /*适配屏幕320px*/
        @media (max-width: 320px){

        }
    </style>
</head>

<body>

            <div class="moreSection" id="moreSection" v-bind:style="{height:wHeight}" >
            <ul class="aui-list aui-media-list">
                <li class="aui-list-item aui-list-item-middle" v-for="commentItem in commentList">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text">
                                <div class="aui-list-item-title commentL">{{commentItem.commentItemName}}</div>
                                <div class="aui-list-item-right">
                                    <img class="stars" src="../../image/main/redStar@2x.png">
                                    <img class="stars" src="../../image/main/redStar@2x.png">
                                    <img class="stars" src="../../image/main/redStar@2x.png">
                                    <img class="stars" src="../../image/main/redStar@2x.png">
                                    <img class="stars" src="../../image/main/halfStar@2x.png">
                                </div>
                            </div>
                            <div class="aui-list-item-text">
                              <div class="aui-list-item-title" style="font-size: 17px;">临时加人</div>
                              <div class="aui-list-item-right">4.5</div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>


            </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/fastclick.js"></script>
<script type="text/javascript">
    apiready = function() {
       api.parseTapmode();
       api.setFrameAttr({
          bgColor : '../../image/main/userSection@2x.png'
       });
    };

    // 去掉iOS的点击延时问题
    window.addEventListener('load', function() {
        FastClick.attach(document.body);
    }, false);
    ////初始化页面
    var app = new Vue({
        el: '#moreSection',
        data: {
            wHeight: '',
            showMask1 : false,
            showMask2 : false,
            commentList : [
              {
                commentItemName : '匿名评价',
              },
              {
               commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              },
              {
                commentItemName : '匿名评价',
              }
            ],
        },
        methods: {
            init: function() {
              /////初始化页面高度
                var wh = document.documentElement.clientHeight || document.body.clientHeight;
                this.wHeight = (wh) + 'px';
            },
            gotoComment : function(){
              bf_common_view.bf_win.openWin('userComment', '../main/');
            }
        },

    });
    var mainPageMethod = {

    };
    app.init();
</script>

</html>
